<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Component of Vue</title>
    <script src="../Vue.js" type="text/javascript"></script>
</head>
<body>
        <div id="app">
            <button-counter></button-counter>
        </div>

        <script>
            let BtnCounter = Vue.component('button-counter', {
	            data: function () {
		            return {count:0}
	            },
	            template:'<button @click="count++">You have checked me in {{count}} times</button>'
	            }
            )
            let app = new Vue({
                el:"#app",

            })
        </script>
</body>
</html>